<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>Hello MUI</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">

		<link rel="stylesheet" href="../../css/mui.min.css">
		<link rel="stylesheet" href="../../css/app.css">
		<link rel="stylesheet" href="../../css/iconfont.css">
		<style>
			html,body {
				background-color: #efeff4;
			}
			.title{
				margin: 20px 15px 10px;
				color: #6d6d72;
				font-size: 15px;
			}
		</style>
	</head>

	<body>
		<div id="slider" class="mui-slider sdc-slider">
			<div class="mui-slider-group mui-slider-loop">
				<div class="mui-slider-item mui-slider-item-duplicate">
					<a href="#">
						<img src="http://dcloudio.github.io/mui/assets/img/yuantiao.jpg">
					</a>
				</div>
				<div class="mui-slider-item">
					<a href="#">
						<img src="http://dcloudio.github.io/mui/assets/img/shuijiao.jpg">
					</a>
				</div>
				<div class="mui-slider-item">
					<a href="#">
						<img src="http://dcloudio.github.io/mui/assets/img/muwu.jpg">
					</a>
				</div>
				<div class="mui-slider-item">
					<a href="#">
						<img src="http://dcloudio.github.io/mui/assets/img/cbd.jpg">
					</a>
				</div>
				<div class="mui-slider-item">
					<a href="#">
						<img src="http://dcloudio.github.io/mui/assets/img/yuantiao.jpg">
					</a>
				</div>
				<div class="mui-slider-item mui-slider-item-duplicate">
					<a href="#">
						<img src="http://dcloudio.github.io/mui/assets/img/shuijiao.jpg">
					</a>
				</div>
			</div>
			<div class="mui-slider-indicator">
				<div class="mui-indicator mui-active"></div>
				<div class="mui-indicator"></div>
				<div class="mui-indicator"></div>
				<div class="mui-indicator"></div>
			</div>
		</div>

		<ul data-menu="menu" class="mui-table-view mui-grid-view mui-grid-9">
			<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
				<a new-window="notice.html" need-login="true">
					<span class="mui-icon iconfont icon-gonggao"></span>
					<div class="mui-media-body">公告</div>
				</a>
			</li>
			<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
				<a href="#" onclick="msg('正在建设中...');">
					<span class="iconfont mui-icon icon-denglushouquan"></span>
					<div class="mui-media-body">门禁</div>
				</a>
			</li>
			<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
				<a new-window="fees.html" need-login="true">
					<span class="mui-icon iconfont icon-wuye"><span class="mui-badge">5</span></span>
					<div class="mui-media-body">物业缴费</div>
				</a>
			</li>
			<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
				<a new-window="fix.html" need-login="true">
					<span class="mui-icon iconfont icon-weixiu"></span>
					<div class="mui-media-body">报修</div>
				</a>
			</li>
			<!--
            	作者：gaollg@sina.com
            	时间：2015-03-07
            	描述：暂时只做这些功能
			<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
				<a href="#">
					<span class="mui-icon iconfont icon-shuidianmei"></span>
					<div class="mui-media-body">水电煤</div>
				</a>
			</li>
			<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
				<a href="#">
					<span class="mui-icon iconfont icon-fang"></span>
					<div class="mui-media-body">房屋银行</div>
				</a>
			</li>
			<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
				<a href="#">
					<span class="mui-icon iconfont icon-kuaididaishoufa"></span>
					<div class="mui-media-body">快递代收</div>
				</a>
			</li>
            -->

			<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
				<a href="#"  onclick="msg('敬请期待');">
					<span class="mui-icon iconfont icon-gengduo"></span>
					<div class="mui-media-body">敬请期待</div>
				</a>
			</li>

		</ul>

	</body>

	<script src="../../js/mui.min.js"></script>
	<script src="../../js/_API.js"></script>
	<script src="../../js/app.js"></script>
	<script>
		mui.init();
		
		//图片轮播
		var slider = mui("#slider");
		slider.slider({
			interval: 3000
		});
			
		function msg(msg){
			plus.nativeUI.toast(msg)
		}
	</script>

</html>